<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/index.css" />
		<link rel="stylesheet" type="text/css" href="../css/main.css"/>
		<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/vant.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/vue-lazyload.js"></script>
		<script src="../js/ajax.js"></script>
		<script src="html5plus://ready"></script>
		<style>
			#flexs{
				background-color: red;
				padding-top: 30px;
			}
		</style>
	</head>
	<body>
		<div id="app">
			<van-nav-bar title="标题" left-text="返回" left-arrow @click-left="onClickLeft" id="flexs">
			</van-nav-bar>
			<van-cell v-for="item in Fonts" :key="item.id">
			    {{item.Title}}
			</van-cell>
		</div>
		<script>
			var app=new Vue({
				el:'#app',
				data:{
					Fonts:[],
				},
				methods:{
					onClickLeft:function(){
						var ws=plus.webview.currentWebview();
	                    plus.webview.close(ws);
					}
				},
				created() {
					var _this=this;
					ajax({
						url:"http://dsapi.ysd3g.com/api/IndexData",
						dataType:"jsonp",
						data:{
							
						},
						success:function(res){
							console.log(res);
							_this.Fonts=res.Data.InformationList;
							
						},
					})
				}
			})
		</script>
	</body>
</html>
